p {
    color: rgb(253, 215, 154);
    text-align: left;
}

#choice {
    border: 1px solid rgb(224, 144, 14);
}
/* 后代选择器 */
div p {
    /* border: 1px solid rebeccapurple; */
    background: rgb(217, 181, 181);
}

div > p {
    /* border: 1px solid red; */
    /* background: #000; */
}

div + p {
     background: green;  /* css注释我试试 */
}

p + div {
    background: rgb(123, 12, 207);
}

div ~ p{
    background: rgb(163, 236, 27);
    border: 1px solid black;
}

/* css背景 */
body {
    background-color: antiquewhite;
    /* 不透明度的两种方法 */
    /* opacity: 0.8; */
/* 
    background: rgba(red, green, blue, 0.3);
    background-image: url(../images/绿草茵茵.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    background-attachment:scroll;  背景图片和文字一起滚动； */


    /* 背景的简写属性 */
    background: gray url(../images/翱翔天际.jpg) no-repeat fixed center;
}

p {
    background-image: url(../images/绿草茵茵.jpg);
}

p div h1 h3 {
    width: 50px;
}